@charset "utf-8";
/* CSS Document */

#contentIndex{ width:100%; position:relative; top:-6px; background:url(../images/index/bg.jpg) repeat;}

#contentIndex .banner{ position: relative; margin: 0 auto; width: 1080px; height: 448px;}
#contentIndex .banner .scrollable{ width:998px; height:448px;}
#contentIndex .banner .scrollable .items{ height:449px; overflow:hidden;}
#contentIndex .banner .scrollable .items div img{ width:998px; height:448px;}


#contentIndex .navMain{ width:100%; height:345px; background:#242424;}
#contentIndex .navMain ul{ margin:0 auto; width:920px;}
#contentIndex .navMain ul li{ float:left; width:246px; margin:30px 30px 0 30px; text-align:center;}
#contentIndex .navMain ul li:hover img{filter: alpha(opacity=50); opacity: 0.50;}
#contentIndex .navMain ul li span{ display:block; padding-top:36px; background-repeat:no-repeat;}

#contentIndex .navMain .how{ background-image:url(../images/index/how.jpg); color:#64dffd;}
#contentIndex .navMain .what{ background-image:url(../images/index/what.jpg); color:#ff025a;}
#contentIndex .navMain .who{ background-image:url(../images/index/who.jpg); color:#99c32b;}
